<!doctype html>
<html>
<head>

   <!-- player skin -->
   <link rel="stylesheet" type="text/css"
      href="//releases.flowplayer.org/5.5.0/skin/minimalist.css">
   
   <style>
   /* site specific styling */
   body {
      font: 12px "Myriad Pro", "Lucida Grande", "Helvetica Neue", sans-serif;
      text-align: center;
      padding-top: 1%;
      color: #999;
      background-color: #333333;
   }

   /* custom player skin */
   .flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 800px; }
   .flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
   .flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
   .flowplayer .fp-progress { background-color: rgba(219, 0, 0, 1)}
   .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
   .flowplayer { background-image: url("https://farm4.staticflickr.com/3169/2972817861_73ae53c2e5_b.jpg")}

   </style>

   <!-- flowplayer depends on jQuery 1.7.1+ -->
   <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

   <!-- flowplayer javascript component -->
   <script src="//releases.flowplayer.org/5.5.0/flowplayer.min.js"></script>

</head>

<body>

   <p>Video dimensions won't probably match your player</p>

   <div data-swf="//releases.flowplayer.org/5.5.0/flowplayer.swf"
      class="flowplayer no-toggle"
       data-ratio="0.416">
      <video>
         <source type="video/webm" src="">
<source type="video/mp4" src="http://www5.mp4upload.com:182/d/skx7otkdz3b4quuoksubkyqtjzv4pskroaymcwbc7bbpwkiezfigcy44/video.mp4?start=0">
<source type="video/ogv" src="">
      </video>
      
   </div>

</body>
</html>